<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title></title>
    <link href="<%=path%>/css/core.css" rel="stylesheet" type="text/css"/>
    <link href="<%=path%>/css/form.css" rel="stylesheet" type="text/css"/>
    <link href="<%=path%>/css/list.css" rel="stylesheet" type="text/css"/>
    <link href="<%=path%>/css/xWindowPanel.css" rel="stylesheet" type="text/css"/>
    <link href="<%=path%>/css/xToolbar.css" rel="stylesheet" type="text/css"/>
    <link href="<%=path%>/css/style_min.css" rel="stylesheet" type="text/css"/>
    <script src="<%=path%>/js/prototype_for_validation.js" type="text/javascript"></script>
    <script src="<%=path%>/js/validation_cn.js" type="text/javascript"></script>
    <style type="text/css">
    input { width: 180px;}
    textarea { width: 503px; height: 40px;}
    select { width: 188px;}
    .n { text-align: right;}
    </style>
  </head>
  <body>
    <form name="objectForm" id="objectForm" action="<%=path%>/product/productionOrder/save.t4m" class="form" method="post">
    <div class="form-group">新建生产单</div>
         <table class="form-table" cellspacing="0" cellpadding="0">
        <tr>
          <td class="form-left"><span class="form-required">*</span>生产单编号</td>
          <td class="form-right"><input type="text" name="object.code" class="text required"/></td>
          <td class="form-left"><span class="form-required">*</span>生产日期</td>
          <td class="form-right"><input type="text" name="object.productDate" readonly="readonly" onfocus="new WdatePicker({dateFmt:'yyyy-MM-dd'});" class="text required"/></td>
        </tr>
      </table>
      
     <div class="form-group">生产单明细</div>
      <div id="toolbar"></div>
      <table id="titleTable" cellpadding="0" cellspacing="0">
       <tr>
          <td>货品编号</td>
          <td>货品名称</td>
          <td>规格型号</td>
          <td>生产商</td>
          <td>生产数量</td>
          <td>取消</td>
        </tr>
      </table>
      <table id="dataTable" cellpadding="0" cellspacing="0"></table>
      <s:hidden name="tabId"/>
      <s:hidden name="windowPanelId"/>
    </form>
    <script src="<%=path%>/js/prototype_for_validation.js" type="text/javascript"></script>
    <script src="<%=path%>/js/validation_cn.js" type="text/javascript"></script>
    <script src="<%=path%>/js/core.js" type="text/javascript"></script>
    <script src="<%=path%>/js/share.js" type="text/javascript"></script>
    <script src="<%=path%>/js/jquery.js" type="text/javascript"></script>
    <script src="<%=path%>/js/Validate.js" type="text/javascript"></script>
    <script src="<%=path%>/js/datePicker/WdatePicker.js" type="text/javascript"></script>
    <script src="<%=path%>/js/CustomerSelect.js" type="text/javascript"></script>
    <script src="<%=path%>/js/UsersSelect.js" type="text/javascript"></script>
    <script src="<%=path%>/js/xWindowPanel.js" type="text/javascript"></script>
    <script src="<%=path%>/js/Draggable.js" type="text/javascript"></script>
    <script src="<%=path%>/js/xToolbar.js" type="text/javascript"></script>
    <script src="<%=path%>/js/xToolbar.items.js" type="text/javascript"></script>
    <script src="<%=path%>/js/modules/stock.js" type="text/javascript"></script>
    <script src="<%=path%>/js/modules/product/product.js" type="text/javascript"></script>
	<script src="<%=path%>/js/Grid.js" type="text/javascript"></script>
    <script type="text/javascript" src="<%=path%>/js/BoxSelect.js"></script>
    <script type="text/javascript">
    var indexNum=0,grid;
    
    $(document).ready(function(){
    	   new Toolbar({
    	          renderTo : 'toolbar',
    	          icon: '../../image/op.gif',
    	          border:'both',
    	          items : [{
    	            type : 'button',
    	            text : '选择商品',
    	            tip : '选择商品',
    	            useable : 'T',
    	            position: {
    	              a: '0px 0px',
    	              b: '0px -120px'
    	            },
    	            handler : function(){
    	            	productFunctions.choose();
    	            }
    	          }/**,"-",{
    	              type : 'button',
    	              text : '外购商品',
    	              tip : '提取销售货品',
    	              useable : 'T',
    	              position: {
    	                a: '0px 0px',
    	                b: '0px -120px'
    	              },
    	              handler : function(){
    	                  productFunctions.chooseForSales();
    	              }
    	            }*/]
    	});
      grid = new Grid({
        titleTable:'titleTable',
        dataTable:'dataTable',
        widths : [100,88,88,88,68,68,78,78,70,39],
        height : 268
      });
      loadReady();
    });
    
    function addData(dataArray) {
        var table = $('#dataTable');
        for(var i=0,len=dataArray.length; i<len; ++i){
          if($('#'+dataArray[i].id).length){
            continue;
          }
          var htmlString = [];
          htmlString.push('<tr class="row" id="'+dataArray[i].id+'">');
          htmlString.push('<td><span>'+dataArray[i].code+'</span></td>');
          htmlString.push('<td><span>'+dataArray[i].name+'</span></td>');
          htmlString.push('<td><span>'+dataArray[i].standard+'</span></td>');
          htmlString.push('<td><span>'+dataArray[i].manufacturer+'</span></td>');
          htmlString.push('<td><span><input type="text" name="plist['+ i +'].amounts" value="0"></span></td>');
          htmlString.push('<input type="hidden" name="plist['+ i +'].product.id" value="'+dataArray[i].id+'">');
          htmlString.push('<td><div align="center" class="quick-button" style="background-position: -39px 0px;" onclick="delData(\''+dataArray[i].id+'\')"></div></td>');
          htmlString.push('</tr>');
          table.append(htmlString.join(''));
          indexNum++;
        }
        if(grid){
         grid.updateWidth();
        }
      }
    
    function delData(id) {
        $('#'+id).remove();
        indexNum--;
      }
   	var valid = new Validation('objectForm',{immediate:true});
    </script>
  </body>
</html>